<!--侧边导航和轮播图-->
<div id="carousel">
    <!--轮播图-->
    <ul class="carousel">
        <li><img src="images/5.jpg" alt=""></li>
        <li><img src="images/2.jpg" alt=""></li>
        <li><img src="images/3.jpg" alt=""></li>
        <li><img src="images/1.jpg" alt=""></li>
        <li><img src="images/4.jpg" alt=""></li>
    </ul>
    <span class="btn-left">＜</span>
    <span class="btn-right">＞</span>
    <ul id="point">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <!--侧边导航-->
    <div id="subNav">
        <ul>
            <a href="" class="sidea">
                <span> 水果蔬菜</span>
                <span>＞</span>
            </a>
            <a href="" class="sidea">
                <span>畜牧水产</span>
                <span>＞</span>
            </a>
            <a href="" class="sidea">
                <span>粮油米面</span>
                <span>＞</span>
            </a>
            <a href="" class="sidea">
                <span>农副加工</span>
                <span>＞</span>
            </a>
            <a href="" class="sidea">
                <span>苗木花草</span>
                <span>＞</span>
            </a>
            <a href="" class="sidea">
                <span>农资农机</span>
                <span>＞</span>
            </a>
            <a href="" class="sidea">
                <span>中药材</span>
                <span>＞</span>
            </a>
        </ul>
    </div>
    <!--侧边导航滑动-->
    <div id="sideBar">
        <!--水果蔬菜-->
        <div class="sideList">
            <div class="classify">
                <h4>蔬菜</h4>
                <div class="details">
                    <p>
                        <span>菠菜&#x3000|</span>
                        <span>白菜&#x3000|</span>
                        <span>上海青&#x3000|</span>
                        <span>芹菜&#x3000|</span>
                        <span>紫甘蓝&#x3000|</span>
                        <span>生菜</span>
                    </p>
                    <p>
                        <span>韭黄&#x3000|</span>
                        <span>苦瓜&#x3000|</span>
                        <span>辣椒&#x3000|</span>
                        <span>西红柿&#x3000|</span>
                        <span>秋葵&#x3000|</span>
                        <span>香菇</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>水果</h4>
                <div class="details">
                    <p>
                        <span>柑橘&#x3000|</span>
                        <span>猕猴桃&#x3000|</span>
                        <span>柚子&#x3000|</span>
                        <span>苹果&#x3000|</span>
                        <span>梨&#x3000|</span>
                        <span>柠檬</span>
                    </p>
                    <p>
                        <span>火龙果&#x3000|</span>
                        <span>哈密瓜&#x3000|</span>
                        <span>油桃&#x3000|</span>
                        <span>人参果&#x3000|</span>
                        <span>百香果&#x3000|</span>
                        <span>琵琶</span>
                    </p>
                    <p>
                        <span>柑橘&#x3000|</span>
                        <span>猕猴桃&#x3000|</span>
                        <span>柚子&#x3000|</span>
                        <span>苹果&#x3000|</span>
                        <span>梨&#x3000|</span>
                        <span>柠檬</span>
                    </p>
                    <p>
                        <span>火龙果&#x3000|</span>
                        <span>哈密瓜&#x3000|</span>
                        <span>油桃&#x3000|</span>
                        <span>人参果&#x3000|</span>
                        <span>百香果&#x3000|</span>
                        <span>琵琶</span>
                    </p>
                </div>
            </div>
        </div>
        <!--畜牧水产-->
        <div class="sideList">
            <div class="classify">
                <h4>禽畜类</h4>
                <div class="details">
                    <p>
                        <span>鸡&#x3000|</span>
                        <span>鸭&#x3000|</span>
                        <span>鹅&#x3000|</span>
                        <span>鸽子&#x3000|</span>
                        <span>牛&#x3000|</span>
                        <span>羊</span>
                    </p>
                    <p>
                        <span>猪&#x3000|</span>
                        <span>马&#x3000|</span>
                        <span>驴&#x3000|</span>
                        <span>兔子&#x3000|</span>
                        <span>火鸡&#x3000|</span>
                        <span>珍珠鸡</span>
                    </p>
                    <p>
                        <span>野猪&#x3000|</span>
                        <span>香猪&#x3000|</span>
                        <span>豪猪&#x3000|</span>
                    </p>

                </div>
            </div>

            <div class="classify">
                <h4>特种类</h4>
                <div class="details">
                    <p>
                        <span>人工娃娃鱼&#x3000|</span>
                        <span>龟&#x3000|</span>
                        <span>蛇&#x3000|</span>
                        <span>蛙&#x3000|</span>
                        <span>竹鼠&#x3000|</span>
                        <span>土元</span>
                    </p>
                    <p>
                        <span>蟑螂&#x3000|</span>
                        <span>黄粉虫&#x3000|</span>
                        <span>蜈蚣&#x3000|</span>
                        <span>孔雀&#x3000|</span>
                        <span>鹿&#x3000|</span>
                        <span>蜥蜴</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>水产类</h4>
                <div class="details">
                    <p>
                        <span>鲈鱼&#x3000|</span>
                        <span>鲤鱼&#x3000|</span>
                        <span>泥鳅&#x3000|</span>
                        <span>黄鱼&#x3000|</span>
                        <span>鳕鱼&#x3000|</span>
                        <span>石斑鱼</span>
                    </p>
                    <p>
                        <span>淡水鲤鱼&#x3000|</span>
                        <span>大闸蟹&#x3000|</span>
                        <span>海带&#x3000|</span>
                        <span>牡蛎&#x3000|</span>
                        <span>黄花鱼&#x3000|</span>
                        <span>米虾</span>
                    </p>

                </div>
            </div>
            <div class="classify">
                <h4>繁育种苗</h4>
                <div class="details">
                    <p>
                        <span>鸡苗&#x3000|</span>
                        <span>鸭苗&#x3000|</span>
                        <span>鹅苗&#x3000|</span>
                        <span>猪苗&#x3000|</span>
                        <span>乌龟苗&#x3000|</span>
                        <span>甲鱼苗</span>
                    </p>
                    <p>
                        <span>蟹苗&#x3000|</span>
                        <span>蛇苗&#x3000|</span>
                        <span>竹鼠苗&#x3000|</span>
                        <span>孔雀苗&#x3000|</span>
                        <span>泥鳅苗&#x3000|</span>
                        <span>鸵鸟苗</span>
                    </p>
                    <p>
                        <span>黄鳝苗&#x3000|</span>
                        <span>蛙苗&#x3000|</span>
                        <span>娃娃鱼苗&#x3000|</span>
                        <span>果子狸苗&#x3000|</span>
                    </p>

                </div>
            </div>
        </div>
        <!--粮油米面-->
        <div class="sideList">
            <div class="classify">
                <h4>五谷杂粮</h4>
                <div class="details">
                    <p>
                        <span>红豆&#x3000|</span>
                        <span>绿豆&#x3000|</span>
                        <span>芸豆&#x3000|</span>
                        <span>蚕豆&#x3000|</span>
                        <span>黑豆&#x3000|</span>
                        <span>赤小豆</span>
                    </p>
                    <p>
                        <span>稻谷&#x3000|</span>
                        <span>大米&#x3000|</span>
                        <span>大麦&#x3000|</span>
                        <span>小麦&#x3000|</span>
                        <span>燕麦&#x3000|</span>
                        <span>玉米粒</span>
                    </p>
                    <p>
                        <span>荞麦&#x3000|</span>
                        <span>青稞&#x3000|</span>
                        <span>高粱&#x3000|</span>
                        <span>红米&#x3000|</span>
                        <span>紫米&#x3000|</span>
                        <span>薏米</span>
                    </p>
                    <p>
                        <span>葵花籽&#x3000|</span>
                        <span>棉花棉籽&#x3000|</span>
                        <span>蓖麻&#x3000|</span>
                        <span>旱稻&#x3000|</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>食用油</h4>
                <div class="details">
                    <p>
                        <span>大豆油&#x3000|</span>
                        <span>山茶油&#x3000|</span>
                        <span>花生油&#x3000|</span>
                        <span>橄榄油&#x3000|</span>
                        <span>玉米油&#x3000|</span>
                        <span>茶籽油</span>
                    </p>
                    <p>
                        <span>葵花籽油&#x3000|</span>
                        <span>色拉油&#x3000</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>调味品</h4>
                <div class="details">

                    <p>
                        <span>盐&#x3000|</span>
                        <span>味精&#x3000|</span>
                        <span>鸡精&#x3000|</span>
                        <span>糖&#x3000|</span>
                        <span>醋&#x3000|</span>
                        <span>酱油</span>
                    </p>
                    <p>
                        <span>榨菜&#x3000|</span>
                        <span>耗油&#x3000|</span>
                        <span>干辣椒&#x3000|</span>
                        <span>辣椒粉&#x3000|</span>
                        <span>胡椒&#x3000|</span>
                        <span>孜然</span>
                    </p>
                    <p>
                        <span>花椒&#x3000|</span>
                        <span>桂皮&#x3000|</span>
                        <span>陈皮&#x3000|</span>
                        <span>八角&#x3000|</span>
                        <span>调味油&#x3000|</span>
                        <span>淀粉</span>
                    </p>
                </div>
            </div>
        </div>

        <!--农副加工-->
        <div class="sideList">
            <div class="classify">
                <h4>酒茶冲饮</h4>
                <div class="details">
                    <p>
                        <span>绿茶&#x3000|</span>
                        <span>普洱&#x3000|</span>
                        <span>乌龙茶&#x3000|</span>
                        <span>毛尖&#x3000|</span>
                        <span>黑茶&#x3000|</span>
                        <span>红茶</span>
                    </p>
                    <p>
                        <span>保健茶&#x3000|</span>
                        <span>黄茶&#x3000|</span>
                        <span>白茶&#x3000|</span>
                        <span>饮料&#x3000|</span>
                        <span>酒&#x3000|</span>
                        <span>花茶</span>
                    </p>
                </div>
            </div>

            <div class="classify">
                <h4>肉类水产加工</h4>
                <div class="details">
                    <p>
                        <span>香肠&#x3000|</span>
                        <span>腊肉&#x3000|</span>
                        <span>丸子制品&#x3000|</span>
                        <span>水产加工&#x3000|</span>
                        <span>卤制品&#x3000|</span>
                         <span>肉类罐头</span> 
                    </p>
                </div>
            </div>

            <div class="classify">
                <h4>蔬果加工</h4>
                <div class="details">
                    <p>
                        <span>干香菇&#x3000|</span>
                        <span>干菌子&#x3000|</span>
                        <span>百合干&#x3000|</span>
                        <span>脱水蔬菜&#x3000|</span>
                        <span>干笋&#x3000|</span>
                        <span>葡萄干</span>
                    </p>
                    <p>
                        <span>地瓜干&#x3000|</span>
                        <span>黑加仑果干&#x3000|</span>
                        <span>桂圆干&#x3000|</span>
                        <span>莲子&#x3000|</span>
                        <span>干木耳</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>肉蛋奶</h4>
                <div class="details">
                    <p>
                        <span>鸡蛋&#x3000|</span>
                        <span>鸭蛋&#x3000|</span>
                        <span>鹅蛋&#x3000|</span>
                        <span>鹌鹑蛋&#x3000|</span>
                        <span>皮蛋&#x3000|</span>
                        <span>咸鸭蛋</span>
                    </p>
                    <p>
                        <span>肉类&#x3000|</span>
                        <span>特种蛋</span>
                    </p>
                </div>
            </div>

            <div class="classify">
                <h4>零食特产</h4>
                <div class="details">
                    <p>
                        <span>蜂蜜&#x3000|</span>
                        <span>红枣&#x3000|</span>
                        <span>枸杞&#x3000|</span>
                        <span>柿饼&#x3000|</span>
                        <span>柿干饼点&#x3000|</span>
                        <span>麻辣食品</span>
                    </p>
                    <p>
                        <span>核桃&#x3000|</span>
                        <span>咖啡豆&#x3000|</span>
                        <span>花粉&#x3000|</span>
                        <span>坚果干果&#x3000|</span>
                        <span>休闲食品&#x3000|</span>
                        <span>滋补品</span>
                    </p>
                </div>
            </div>
        </div>
        <!--苗木花草-->
        <div class="sideList">
            <div class="classify">
                <h4>常绿乔木</h4>
                <div class="details">
                    <p>
                        <span>红豆杉&#x3000|</span>
                        <span>罗汉松&#x3000|</span>
                        <span>槐树&#x3000|</span>
                        <span>红叶石楠&#x3000|</span>
                        <span>白皮松&#x3000|</span>
                        <span>雪松</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>落叶乔木</h4>
                <div class="details">
                    <p>
                        <span>红枫&#x3000|</span>
                        <span>樱花&#x3000|</span>
                        <span>海棠&#x3000|</span>
                        <span>白蜡&#x3000|</span>
                        <span>刺槐&#x3000|</span>
                        <span>红叶李</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>常绿灌木</h4>
                <div class="details">
                    <p>
                        <span>黄杨&#x3000|</span>
                        <span>桂花树&#x3000|</span>
                        <span>石楠&#x3000|</span>
                        <span>法国冬青&#x3000|</span>
                        <span>含笑&#x3000|</span>
                        <span>发财树</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>落叶灌木</h4>
                <div class="details">
                    <p>
                        <span>紫荆&#x3000|</span>
                        <span>紫薇&#x3000|</span>
                        <span>腊梅&#x3000|</span>
                        <span>连翘&#x3000|</span>
                        <span>丁香&#x3000|</span>
                        <span>柳树</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>花草地被</h4>
                <div class="details">
                    <p>
                        <span>兰花&#x3000|</span>
                        <span>菊花&#x3000|</span>
                        <span>芍药&#x3000|</span>
                        <span>蔷薇&#x3000|</span>
                        <span>月季&#x3000|</span>
                        <span>夹竹桃</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>果树果苗</h4>
                <div class="details">
                    <p>
                        <span>葡萄苗&#x3000|</span>
                        <span>猕猴桃苗&#x3000|</span>
                        <span>草莓苗&#x3000|</span>
                        <span>蓝莓苗&#x3000|</span>
                        <span>桃树苗&#x3000</span>
                    </p>
                </div>
            </div>
        </div>
        <!--农资农机-->
        <div class="sideList">
            <div class="classify">
                <h4>农资</h4>
                <div class="details">
                    <p>
                        <span>农药&#x3000|</span>
                        <span>肥料&#x3000|</span>
                        <span>兽药&#x3000|</span>
                        <span>疫苗&#x3000|</span>
                        <span>饲料&#x3000</span>
                        <span>饲料添加剂</span>
                    </p>
                    <p>
                        <span>农用工具&#x3000|</span>
                        <span>温室大棚&#x3000|</span>
                        <span>温室组件&#x3000|</span>
                        <span>笼养设备&#x3000|</span>
                        <span>园艺资材</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>农机</h4>
                <div class="details">

                    <p>
                        <span>农用机械&#x3000|</span>
                        <span>园林机械&#x3000|</span>
                        <span>农用动力车&#x3000|</span>
                        <span>农用拖拉机</span>
                    </p>
                </div>
            </div>
        </div>
        <!--中药材-->
        <div class="sideList">
            <div class="classify">
                <h4>根茎类</h4>
                <div class="details">
                    <p>
                        <span>人参&#x3000|</span>
                        <span>附子&#x3000|</span>
                        <span>白芍&#x3000|</span>
                        <span>百合&#x3000|</span>
                        <span>柴胡&#x3000|</span>
                        <span>苁蓉</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>果实籽仁类</h4>
                <div class="details">
                    <p>
                        <span>人参&#x3000|</span>
                        <span>附子&#x3000|</span>
                        <span>白芍&#x3000|</span>
                        <span>百合&#x3000|</span>
                        <span>柴胡&#x3000|</span>
                        <span>苁蓉</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>全草类</h4>
                <div class="details">
                    <p>
                        <span>薄荷&#x3000|</span>
                        <span>石斛&#x3000|</span>
                        <span>卷柏&#x3000|</span>
                        <span>洪连&#x3000|</span>
                        <span>地椒&#x3000|</span>
                        <span>香茅</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>藤木类</h4>
                <div class="details">
                    <p>
                        <span>沉香&#x3000|</span>
                        <span>黄藤&#x3000|</span>
                        <span>桂枝&#x3000|</span>
                        <span>通草&#x3000|</span>
                        <span>苏木&#x3000|</span>
                        <span>檀香</span>
                    </p>
                </div>
            </div>
            <div class="classify">
                <h4>树皮类</h4>
                <div class="details">
                    <p>
                        <span>杜仲&#x3000|</span>
                        <span>椿皮&#x3000|</span>
                        <span>肉桂&#x3000|</span>
                        <span>黄柏&#x3000|</span>
                        <span>桑枝&#x3000|</span>
                        <span>苏木</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>